<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>银行存管正式上线</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <script type="text/javascript" src="./js/flexible.js"></script>
  <style>
  * {
    margin: 0;
    padding: 0;
  }
  li {
    list-style: none;
  }
  img {
    box-sizing: border-box;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
  }
  .online_flow_explain {
    position: relative;   
    font-size: 16px;
    color: #122047;
    text-align: center;
    padding-bottom: 0.3rem;
    font-weight: bold;
  }
  .online_flow_explain:after {
    position: absolute;
    width: 2.6rem;
    height: 2px;
    background: #122047;
    content: '';
    display: block;
    left: 50%;
    margin-left: -1.3rem;
    bottom: 0;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 2){
	.online_flow_explain:after {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
	 }
	}
	@media screen and (-webkit-min-device-pixel-ratio: 3){
	.online_flow_explain:after {
		-webkit-transform: scaleY(0.33);
		transform: scaleY(0.33);
	 }
  }
  .btn-next {
    width: 2.54rem;
    height: 0.67rem;
    line-height: 0.67rem;
    margin: 0.50rem auto 0.27rem;
    text-align: center;
    border: 1px solid  #122047;
    border-radius: 8px;
  }
   .btn-next a {
     color: #122047;
     text-decoration: none;
   }
</style>
</head>
<body>
<div style="text-align: center;"><img src="img/online_flow_header.png"></div>
<div style="text-align: center;"><img src="img/online_flow_title.png"></div>
<div style="padding: 0.75rem 0 1.12rem">
    <div style="padding: 0 0.67rem;">
         <div class="online_flow_explain">一张图解读银行存管</div>
         <div style="color: #122047;font-size: 14px;line-height: 20px;margin: 0.54rem 0;">升级银行存管之后，有银行依照相关规定和程序为客户资金提供服务，包括专用账户开立、相关资金清算和业务咨询等，做到客户资金与平台自有资金隔离，同时由银行系统对资金流进行相应监控，保护客户资金安全。</div>
    </div>
    <div style="text-align: center;"><img src="img/online_flow_chart.png"></div>
</div>
<div style="text-align: center;margin-bottom: 0.75rem;"><img src="img/online_flow_why.png"></div>
<div class="online_flow_explain">来存吧操作指南</div>
<div class="btn-next"><a href="online_flow_guide.jsp?_channel=${param._channel}">开始了解</a></div>
<div class="" style="text-align: center;margin-bottom: 0.5rem;"><img src="img/online_flow_next.png" style="width: 0.6rem;"></div>
</body>
</html>
